

<style>
.ajax_content{ width:0; height:100%; background:#fff; position:fixed; top:0; right:0;z-index: 111;transition:width 1s;-moz-transition:width 1s;-webkit-transition:width 1s; -o-transition:width 1s;}
.ajax_content.show{ width:600px; height:100%; background:#fff;transition:width 1s;-moz-transition:width 1s;-webkit-transition:width 1s; -o-transition:width 1s;box-shadow: 0px 0 19px 5px rgba(0, 0, 0, 0.3);}
.ajax_content .close{position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;border-radius: 25px;color: #fff;background: #000;cursor: pointer;text-align: center;font-size: 19px;line-height: 30px; display:none}
.ajax_content .info{ padding:50px 30px 30px  30px; }
.ajax_content_bg{ position:fixed; z-index:110; height:100%; width:100%; background:rgba(0,0,0,0.6); top:0; left:0; display:none}
</style>
<div class="ajax_content">
	<div class="close">X</div>

    <div class="info"></div>
</div>
<div class="ajax_content_bg"></div>

<script type="text/javascript">

$('.ajax_content .close').click(
	function(){
		$('.ajax_content').removeClass('show')

		$('.ajax_content .info').html()

		$('.ajax_content_bg ').hide()

		$('.ajax_content .close ').hide()

		$('.ajax_content .info ').hide()
	}
)

$('.ajax_content_bg ').click(
	function(){
		$('.ajax_content').removeClass('show')

		$('.ajax_content .info').html()

		$('.ajax_content_bg ').hide()

		$('.ajax_content .close ').hide()

		$('.ajax_content .info ').hide()
	}
)

function show_message_box(type, id){
	layui.use('layer', function(){
  var layer = layui.layer;


	$.ajax({
			type:"POST",
			url:"/controller/modules/ajax_load_content.php",
			dateType:"json",
			data:{"act":'load' , "type":type , "id" :id },
			dataType:"json",
			beforeSend: function () {

			   index =  layer.msg('正在查询中，请稍等', {
				  icon: 16,
				  shade:true,
				  time:10000,
				  shade: [0.8, '#393D49']
				},function(){

				});


			 },
			success:function(data){
				if(data.error == 1){

					var msg_box = layer.msg(data.message, {
					  icon: 5,
					  shade:true,
					  time:1000,
					  shade: [0.8, '#393D49']
					});
					//
				}
				else{
					$('.ajax_content').addClass('show')
					$('.ajax_content .info').html(data.content)
					$('.ajax_content_bg ').show()
					$('.ajax_content .close ').show()
					$('.ajax_content .info ').show()
				}
			},
			complete: function (XHR, TS) {layer.close(index);    XHR = null ; $('.search_btn').removeAttr("disabled"); } ,

		})
	})
}


</script>

<!--//遮罩图层-->
<div class="message_layer"  >


    <div class="message_layer_content_box" >

        <div class="layui-icon layui-anim layui-anim-rotate layui-anim-loop" >
            &#xe63d;
        </div>


        <div  class="content_box" >程序处理中，请稍等。</div>

    </div>

</div>



<script>


    <!--删除数据的函数-->
    function delItem (id) {


        con=confirm("请点击确认删除数据?"); //在页面上弹出对话框
        if(con==true){


//传递id为数据的id，并且移除的时候会删除元素item+id

            //先问一下是否删除

            //显现遮罩图层
            $(".message_layer").css({ 'display':'block'});
            //锁定页面高度
            $("body").height($(window).height()).css({
                "overflow-y": "hidden"
            });


            //ajax删除数据
            $.get('delete.php?nid='+id,null,function (msg) {//ajax请求,请求后执行下面代码
                msg=$.trim(msg);

                //删除遮罩图层



                if ('1'==msg) {//返回1表示成功

                    $('#item'+id).remove();//把id为txx 的表格删除

//隐藏遮罩图层并解锁页面高度
                    $("body").css({'height':'','overflow':'auto'});
                    $(".message_layer").css({ 'display':'none'});


                } else {//否则弹出错误信息
                    alert("删除数据失败，请刷新页面后重试");

                    //隐藏遮罩图层并解锁页面高度
                    $("body").css({'height':'','overflow':'auto'});
                    $(".message_layer").css({ 'display':'none'});
                }
            });

        }

    }

</script>



















<script>
    //一般直接写在一个js文件中
    layui.use(['layer', 'form'], function(){
        var layer = layui.layer
            ,form = layui.form;

		form.on('select(MM_jumpMenu)', function(data){
		  window.location.href= data.value; //得到被选中的值
		});


		form.on('switch(filter)', function(data){
			console.log(data.elem); //得到checkbox原始DOM对象
			console.log(data.elem.checked); //开关是否开启，true或者false
			console.log(data.value); //开关value值，也可以通过data.elem.value得到
			console.log(data.othis); //得到美化后的DOM对象

            updateSwitchStatus(data.elem.id,data.elem.name,data.elem.checked ? 1 : 0)
		});

        form.on('checkbox(nid-filter)', function(data){
            let checkedSum = 0;
            $("input[name='nid[]']").each(function(){
               if($(this).prop("checked")){
                   checkedSum ++;
               }
            });

            if(checkedSum > 0){
                $("#shanchu").removeClass("layui-btn-disabled");
                $("#shanchu").removeAttr("disabled")
            }else{
                $("#shanchu").addClass("layui-btn-disabled");
                $("#shanchu").attr("disabled","disabled");
            }

        });

        //全选
        $("#quanxuan").click(function(){
            $("input[name='nid[]']").prop("checked",true);
            form.render('checkbox');
            $("#shanchu").removeClass("layui-btn-disabled");
            $("#shanchu").removeAttr("disabled")
        })

        //不选
        $("#buxuan").click(function(){
            $("input[name='nid[]']").prop("checked",false);
            form.render("checkbox");
            $("#shanchu").addClass("layui-btn-disabled");
            $("#shanchu").attr("disabled","disabled")
        })
        //删除
        $("#shanchu").click(function(){
            // 定义一个数组，用于接收所有选中值
            var check_value =[];
            $("input[name='nid[]']").each(function(){
                //将选中的值添加到数组check_value中
                if($(this).prop("checked")){
                    check_value.push($(this).val());
                }

            });
            console.log(check_value)
            delItemList(check_value)

        })


    });











    function delItem (id) {


        con=confirm("请点击确认删除数据?"); //在页面上弹出对话框
        if(con==true){


            //传递id为数据的id，并且移除的时候会删除元素item+id

            //先问一下是否删除

            //显现遮罩图层
            $(".message_layer").css({ 'display':'block'});
            //锁定页面高度
            $("body").height($(window).height()).css({
                "overflow-y": "hidden"
            });


            //ajax删除数据
            $.get('delete.php?nid='+id,null,function (msg) {//ajax请求,请求后执行下面代码
                msg=$.trim(msg);

                //删除遮罩图层



                if ('1'==msg) {//返回1表示成功

                    $('#item'+id).remove();//把id为txx 的表格删除

                    //隐藏遮罩图层并解锁页面高度
                    $("body").css({'height':'','overflow':'auto'});
                    $(".message_layer").css({ 'display':'none'});


                } else {//否则弹出错误信息
                    alert(msg+"删除数据失败，请刷新页面后重试");

                    //隐藏遮罩图层并解锁页面高度
                    $("body").css({'height':'','overflow':'auto'});
                    $(".message_layer").css({ 'display':'none'});
                }
            });

        }

    }

    function delItemList (list) {
        con=confirm("请点击确认删除"+list.length+"条数据数据?"); //在页面上弹出对话框
        if(con==true){
            list.forEach(function (val){
                var loading2 = layer.open({ type: 3, shade: [0.25, '#000'], icon: 2, speed: 0});
                //ajax删除数据
                $.get('delete.php?nid='+val,null,function (msg) {//ajax请求,请求后执行下面代码
                    msg=$.trim(msg);
                    if ('1'==msg) {//返回1表示成功
                        $('#item'+val).remove();//把id为txx 的表格删除
                    }
                    layer.close(loading2);
                });
            })
        }
    }








//列表页面 ，控制排序的加减号,绑定按钮。
    var bindList = ["bind-markorder","bind-listorder","bind-termorder"]
    var data_id = "data-id"
    bindList.forEach(function (val){
        let ainame = 'ai_' + val.replace('bind-','')
        $('.'+val+' .btn-add').click(function (){
            let id = $(this).next().attr(data_id);
            let sum = Number($(this).next().val()) + 1
            $(this).next().val(sum)
            updateSort(id,ainame,sum)
        })

        $('.'+val+' .btn-subtract').click(function (){
            let id = $(this).prev().attr(data_id);
            let sum = Number($(this).prev().val())
            if(sum > 0){
                $(this).prev().val(sum - 1)
                updateSort(id,ainame,sum - 1)
            }
        })

        $('.'+val+' input').bind("input propertychange",function(event){
            let id = $(this).attr(data_id);
            let sum = Number($(this).val())
            updateSort(id,ainame,sum)
        });
    })




    const updateUrlList = [
        {name:'detail-list.php',url:'controller/update_col.php'},
        {name:'term-list.php',url:'controller/update_term_col.php'}
        ];
    //获取当前页面路径最后的 term-list.php  例： /controller/detail/term-list.php
    var pathname = window.location.pathname.split("/").pop();

    //更新排序
    function updateSort(id,ainame,sum){
        if(sum === ''){
            return false
        }
        let param = {'nid':id,'ai_name': ainame,'sum': sum}
        var loading2 = layer.open({ type: 3, shade: [0.25, '#000'], icon: 2, speed: 0});

        let url = "";
        for (let key in updateUrlList){
            if(updateUrlList[key].name == pathname){
                url = updateUrlList[key].url
            }
        }

        $.get(url,param,function(data,status){
            layer.close(loading2);
        });
    }


//更新状态的 switch按钮。分类和详情的都放在一齐。
    function updateSwitchStatus(id,name,status){
            let detailListPath = [
                { key: 'publish', path: 'controller/update_publish_status.php'},
                { key: 'recommend', path: 'controller/update_recommend_status.php'},
                { key: 'mark', path: 'controller/update_mark_status.php'},
                { key: 'term_publish', path: 'controller/update_term_publish_status.php'},
                { key: 'term_recommend', path: 'controller/update_term_recommend_status.php'},
                { key: 'term_mark', path: 'controller/update_term_mark_status.php'},
                ]
        let path = '';
        detailListPath.forEach(function (value){
            if(value.key === name){
                path = value.path
            }
        })
        //开启遮罩    常用类型。。。
        // var loading1 = layer.msg('正在加载', { icon: 16, shade: 0.3, time: 0 });
       var loading2 = layer.open({ type: 3, shade: [0.25, '#000'], icon: 2, speed: 0});

        let param = {'nid':id,'status': status}
        $.get(path,param,function(data,status){
            //关闭遮罩
            // layer.close(loading1);
            layer.close(loading2);
        });
    }





//注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function(){
        var element = layui.element;


    });








    layui.use('layer', function(){
        var layer = layui.layer;

    });



</script>



 <script type="text/javascript">

 $(document).ready(function(e) {

	 set_effect(5,1,'flash_box','flash_type2') //第一个参数延时执行;第二个参数多少秒执行完;第三个 目标class， ps：目标class 必须带透明度，宽度，高度才能执行到效果; 第四个类型显示类型 flash_type1 宽度 flash_type2 高度 flash_type3 透明度

 });

function set_effect(delay_time,over_time,target_class_name,type_name){

	$('.'+target_class_name).addClass(type_name)
	$('.'+target_class_name).addClass('hover').css({'transition-delay':delay_time+'s','transition-duration':over_time+'s'})

}

 $('.go_top').click(function(e){
        $("body,html").animate({scrollTop:0},300);
    })

 </script>







<?//开始引入js的函数库?>
<?//因为layui重新渲染的效果，所以设置js控制不了layui的组件?>
<!--<script src="/controller/js/check_all_checkbox.js"></script>-->
